<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>首页丨微博</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content=""/>
	<meta name="keywords" content=""/>
	<link rel="stylesheet" type="text/css" href="../static/css/animate.css">
	<link rel="stylesheet" type="text/css" href="../static/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="../static/css/line-awesome.css">
	<link rel="stylesheet" type="text/css" href="../static/css/line-awesome-font-awesome.min.css">
	<link href="../static/css/font-awesome.min.css" rel="stylesheet" type="text/css">
	<link href="../static/css/jquery.mCustomScrollbar.min.css" rel="stylesheet" type="text/css">
	<link href="../static/lib/slick/slick.css" rel="stylesheet" type="text/css">
	<link href="../static/lib/slick/slick-theme.css" rel="stylesheet" type="text/css">
	<link href="../static/css/style.css" rel="stylesheet" type="text/css">
	<link href="../static/css/responsive.css" rel="stylesheet" type="text/css">
</head>
<body>
	<div class="wrapper">
		<header>
			<div class="container">
				<div class="header-data">
					<div class="logo">
						<a href="index.html" th:href="@{index}" title=""><img alt=""
																			  src="../static/images/logo.png"></a>
					</div><!--logo end-->
					<div class="search-bar">
						<form>
							<input type="text" name="search" placeholder="Search...">
							<button type="submit"><i class="la la-search"></i></button>
						</form>
					</div><!--search-bar end-->
					<nav>
						<ul>
							<li>
								<a href="index.html" th:href="@{index}" title="">
									<span><img src="../static/images/icon1.png" alt=""></span>
									主页
								</a>
							</li>
							<li>
								<a href="companies.html" title="">
									<span><img src="../static/images/icon2.png" alt=""></span>
									Companies
								</a>
							</li>
							<li>
								<a href="projects.html" title="">
									<span><img src="../static/images/icon3.png" alt=""></span>
									Projects
								</a>
							</li>
							<li>
								<a href="profiles.html" title="">
									<span><img src="../static/images/icon4.png" alt=""></span>
									Profiles
								</a>
								<ul>
									<li><a href="user-profile.html" title="">User Profile</a></li>
									<li><a href="my-profile-feed.html" title="">my-profile-feed</a></li>
								</ul>
							</li>
							<li>
								<a href="jobs.html" title="">
									<span><img src="../static/images/icon5.png" alt=""></span>
									Jobs
								</a>
							</li>
							<li>
								<a href="#" title="" class="not-box-open">
									<span><img src="../static/images/icon6.png" alt=""></span>
									Messages
								</a>
								<div class="notification-box msg">
									<div class="nt-title">
										<h4>Setting</h4>
										<a href="#" title="">Clear all</a>
									</div>
									<div class="nott-list">
										<div class="notfication-details">
							  				<div class="noty-user-img">
							  					<img src="../static/images/resources/ny-img1.png" alt="">
							  				</div>
							  				<div class="notification-info">
							  					<h3><a href="messages.html" title="">Jassica William</a> </h3>
							  					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do.</p>
							  					<span>2 min ago</span>
							  				</div><!--notification-info -->
						  				</div>
						  				<div class="notfication-details">
							  				<div class="noty-user-img">
							  					<img src="../static/images/resources/ny-img2.png" alt="">
							  				</div>
							  				<div class="notification-info">
							  					<h3><a href="messages.html" title="">Jassica William</a></h3>
							  					<p>Lorem ipsum dolor sit amet.</p>
							  					<span>2 min ago</span>
							  				</div><!--notification-info -->
						  				</div>
						  				<div class="notfication-details">
							  				<div class="noty-user-img">
							  					<img src="../static/images/resources/ny-img3.png" alt="">
							  				</div>
							  				<div class="notification-info">
							  					<h3><a href="messages.html" title="">Jassica William</a></h3>
							  					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempo incididunt ut labore et dolore magna aliqua.</p>
							  					<span>2 min ago</span>
							  				</div><!--notification-info -->
						  				</div>
						  				<div class="view-all-nots">
						  					<a href="messages.html" title="">View All Messsages</a>
						  				</div>
									</div><!--nott-list end-->
								</div><!--notification-box end-->
							</li>
							<li>
								<a href="#" title="" class="not-box-open">
									<span><img src="../static/images/icon7.png" alt=""></span>
									Notification
								</a>
								<div class="notification-box">
									<div class="nt-title">
										<h4>Setting</h4>
										<a href="#" title="">Clear all</a>
									</div>
									<div class="nott-list">
										<div class="notfication-details">
							  				<div class="noty-user-img">
							  					<img src="../static/images/resources/ny-img1.png" alt="">
							  				</div>
							  				<div class="notification-info">
							  					<h3><a href="#" title="">Jassica William</a> Comment on your project.</h3>
							  					<span>2 min ago</span>
							  				</div><!--notification-info -->
						  				</div>
						  				<div class="notfication-details">
							  				<div class="noty-user-img">
							  					<img src="../static/images/resources/ny-img2.png" alt="">
							  				</div>
							  				<div class="notification-info">
							  					<h3><a href="#" title="">Jassica William</a> Comment on your project.</h3>
							  					<span>2 min ago</span>
							  				</div><!--notification-info -->
						  				</div>
						  				<div class="notfication-details">
							  				<div class="noty-user-img">
							  					<img src="../static/images/resources/ny-img3.png" alt="">
							  				</div>
							  				<div class="notification-info">
							  					<h3><a href="#" title="">Jassica William</a> Comment on your project.</h3>
							  					<span>2 min ago</span>
							  				</div><!--notification-info -->
						  				</div>
						  				<div class="notfication-details">
							  				<div class="noty-user-img">
							  					<img src="../static/images/resources/ny-img2.png" alt="">
							  				</div>
							  				<div class="notification-info">
							  					<h3><a href="#" title="">Jassica William</a> Comment on your project.</h3>
							  					<span>2 min ago</span>
							  				</div><!--notification-info -->
						  				</div>
						  				<div class="view-all-nots">
						  					<a href="#" title="">View All Notification</a>
						  				</div>
									</div><!--nott-list end-->
								</div><!--notification-box end-->
							</li>
						</ul>
					</nav><!--nav end-->
					<div class="menu-btn">
						<a href="#" title=""><i class="fa fa-bars"></i></a>
					</div><!--menu-btn end-->
					<div class="user-account">
						<div class="user-info">
							<img alt="" src="../static/images/user/user.png">
							<a href="#" title="">John</a>
							<i class="la la-sort-down"></i>
						</div>
						<div class="user-account-settingss">
							<h3>Online Status</h3>
							<ul class="on-off-status">
								<li>
									<div class="fgt-sec">
										<input type="radio" name="cc" id="c5">
										<label for="c5">
											<span></span>
										</label>
										<small>Online</small>
									</div>
								</li>
								<li>
									<div class="fgt-sec">
										<input type="radio" name="cc" id="c6">
										<label for="c6">
											<span></span>
										</label>
										<small>Offline</small>
									</div>
								</li>
							</ul>
							<h3>Custom Status</h3>
							<div class="search_form">
								<form>
									<input type="text" name="search">
									<button type="submit">Ok</button>
								</form>
							</div><!--search_form end-->
							<h3>Setting</h3>
							<ul class="us-links">
								<li><a href="profile-account-setting.html" title="">Account Setting</a></li>
								<li><a href="#" title="">Privacy</a></li>
								<li><a href="#" title="">Faqs</a></li>
								<li><a href="#" title="">Terms & Conditions</a></li>
							</ul>
							<h3 class="tc"><a href="#" title="">退出登录</a></h3>
						</div><!--user-account-settingss end-->
					</div>
				</div><!--header-data end-->
			</div>
		</header><!--header end-->

		<main>
			<div class="main-section">
				<div class="container">
					<div class="main-section-data">
						<div class="row">
							<div class="col-lg-3 col-md-4 pd-left-none no-pd">
								<div class="main-left-sidebar no-margin">
									<div class="suggestions full-width">
										<div class="sd-title">
											<h3>新加入的人</h3>
											<i class="la la-ellipsis-v"></i>
										</div><!--标题 end-->
										<div class="suggestions-list">
											<div class="suggestion-usd">
												<a href="#"><img alt="" src="../static/images/resources/s1.png"></a>
												<div class="sgt-text">
													<a href="#"><h4>用户名</h4></a>
													<span>性别，年龄</span>
												</div>
												<span><a href="#" title="关注"><i class="la la-plus"></i></a></span>
											</div>
											<div class="suggestion-usd">
												<a href="#"><img alt="" src="../static/images/resources/s1.png"></a>
												<div class="sgt-text">
													<a href="#"><h4>用户名</h4></a>
													<span>性别，年龄</span>
												</div>
												<span><a href="#"><i class="la la-plus"></i></a></span>
											</div>
											<div class="suggestion-usd">
												<a href="#"><img alt="" src="../static/images/resources/s1.png"></a>
												<div class="sgt-text">
													<a href="#"><h4>用户名</h4></a>
													<span>性别，年龄</span>
												</div>
												<span><a href="#"><i class="la la-plus"></i></a></span>
											</div>
											<div class="suggestion-usd">
												<a href="#"><img alt="" src="../static/images/resources/s1.png"></a>
												<div class="sgt-text">
													<a href="#"><h4>用户名</h4></a>
													<span>性别，年龄</span>
												</div>
												<span><a href="#"><i class="la la-plus"></i></a></span>
											</div>
											<div class="suggestion-usd">
												<a href="#"><img alt="" src="../static/images/resources/s1.png"></a>
												<div class="sgt-text">
													<a href="#"><h4>用户名</h4></a>
													<span>性别，年龄</span>
												</div>
												<span><a href="#"><i class="la la-plus"></i></a></span>
											</div>
											<div class="suggestion-usd">
												<a href="#"><img alt="" src="../static/images/resources/s1.png"></a>
												<div class="sgt-text">
													<a href="#"><h4>用户名</h4></a>
													<span>性别，年龄</span>
												</div>
												<span><a href="#"><i class="la la-plus"></i></a></span>
											</div>
											<div class="view-more">
												<a href="#" title="">查看更多</a>
											</div>
										</div><!--用户列表 end-->
									</div><!--最近使用微博 end-->
									<div class="tags-sec full-width">
										<ul>
											<li><a href="#" title="">Help Center</a></li>
											<li><a href="#" title="">About</a></li>
											<li><a href="#" title="">Privacy Policy</a></li>
											<li><a href="#" title="">Community Guidelines</a></li>
											<li><a href="#" title="">Cookies Policy</a></li>
											<li><a href="#" title="">Career</a></li>
											<li><a href="#" title="">Language</a></li>
											<li><a href="#" title="">Copyright Policy</a></li>
										</ul>
										<div class="cp-sec">
											<img src="../static/images/logo2.png" alt="">
											<p><img src="../static/images/cp.png" alt="">Copyright 2017</p>
										</div>
									</div><!--标签 end-->
								</div><!--主页左侧 end-->
							</div>
							<!--中-->
							<div class="col-lg-6 col-md-8 no-pd">
								<div class="main-ws-sec">
									<div class="posts-section">
										<div class="post-bar">
											<div class="post_topbar">
												<div class="usy-dt">
													<img src="../static/images/resources/us-pic.png" alt="">
													<div class="usy-name">
														<h3>用户名</h3>
														<span><img alt="" src="../static/images/clock.png">2020-08-04&nbsp;9:54:24</span>
													</div>
												</div>
												<div class="ed-opts">
													<a href="#" title="" class="ed-opts-open"><i class="la la-ellipsis-v"></i></a>
													<ul class="ed-options">
														<li><a href="#" title="">编辑</a></li>
														<li><a href="#" title="">删除</a></li>
													</ul>
												</div>
											</div>
											<div class="epi-sec">
												<ul class="descp">
													<li><img alt=""
															 src="../static/images/icon8.png"><span>来自网页版微博</span></li>
													<li><img alt="" src="../static/images/icon9.png"><span>重庆</span>
													</li>
												</ul>
												<ul class="bk-links">
													<li><a href="#" title="收藏"><i class="la la-bookmark"></i></a></li>
													<li><a href="#" title="私信"><i class="la la-envelope"></i></a></li>
													<li><a class="bid_now" href="#" title="">关注他</a></li>
												</ul>
											</div>
											<div class="job_descp">
												<p>
													微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文<a
														href="#" title="">显示更多</a></p>
												<ul class="skill-tags">
													<li><a href="#" title="">测试</a></li>
													<li><a href="#" title="">标签1</a></li>
													<li><a href="#" title="">标签2</a></li>
												</ul>
											</div>
											<div class="job-status-bar">
												<ul class="like-com">
													<li>
														<a href="#"><i class="la la-heart"></i>&nbsp;喜欢</a>
														<img src="../static/images/liked-img.png" alt="">
														<span>25</span>
													</li>
													<li><a class="com" href="#" title=""><img alt=""
																							  src="../static/images/com.png">&nbsp;评论&nbsp;15</a>
													</li>
												</ul>
												<a><i class="la la-eye"></i>浏览&nbsp;50</a>
											</div>
										</div><!--微博信息结束 end-->
										<div class="top-profiles">
											<div class="pf-hd">
												<h3>热门用户 TOP 10</h3>
												<i class="la la-ellipsis-v"></i>
											</div>
											<div class="profiles-slider">
												<div class="user-profy">
													<img alt="" src="../static/images/user/user1.png">
													<h3>用户1</h3>
													<span>个人说明</span>
													<ul>
														<li><a class="followw" href="#" title="关注">关注</a></li>
														<li><a class="envlp" href="#" title="私信"><img alt=""
																									  src="../static/images/envelop.png"></a>
														</li>
														<!--														<li><a href="#" title="" class="hire">123&nbsp;粉丝</a></li>-->
													</ul>
													<a href="#" title="">去Ta的主页</a>
												</div><!--用户信息结束-->
												<div class="user-profy">
													<img alt="" src="../static/images/user/user1.png">
													<h3>用户2</h3>
													<span>个人说明</span>
													<ul>
														<li><a class="followw" href="#" title="关注">关注</a></li>
														<li><a class="envlp" href="#" title="私信"><img alt=""
																									  src="../static/images/envelop.png"></a>
														</li>
														<!--														<li><a href="#" title="" class="hire">hire</a></li>-->
													</ul>
													<a href="#" title="">去Ta的主页</a>
												</div><!--用户信息结束-->
											</div><!--热门TOP10用户头像结束-->
										</div><!--热门TOP10用户板块结束-->
										<div class="post-bar">
											<div class="post_topbar">
												<div class="usy-dt">
													<img src="../static/images/resources/us-pic.png" alt="">
													<div class="usy-name">
														<h3>转发测试员</h3>
														<span><img alt="" src="../static/images/clock.png">2020-08-04&nbsp;9:54:24</span>
													</div>
												</div>
												<div class="ed-opts">
													<a class="ed-opts-open" href="#" title=""><i
															class="la la-ellipsis-v"></i></a>
													<ul class="ed-options">
														<li><a href="#" title="">编辑</a></li>
														<li><a href="#" title="">删除</a></li>
													</ul>
												</div>
											</div>
											<div class="epi-sec">
												<ul class="descp">
													<li><img alt=""
															 src="../static/images/icon8.png"><span>来自网页版微博</span></li>
													<li><img alt="" src="../static/images/icon9.png"><span>重庆</span>
													</li>
												</ul>
												<ul class="bk-links">
													<li><a href="#" title="收藏"><i class="la la-bookmark"></i></a></li>
													<li><a href="#" title="私信"><i class="la la-envelope"></i></a></li>
													<li><a class="bid_now" href="#" title="">关注他</a></li>
												</ul>
											</div>
											<div class="job_descp">
												<h3>评论评论评论评论</h3>
												<p><a href="#">原博主：</a>微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文微博正文<a
														href="#" title="">显示更多</a></p>
											</div>
											<div class="job-status-bar">
												<ul class="like-com">
													<li>
														<a href="#"><i class="la la-heart"></i>&nbsp;喜欢</a>
														<img alt="" src="../static/images/liked-img.png">
														<span>25</span>
													</li>
													<li><a class="com" href="#" title=""><img alt=""
																							  src="../static/images/com.png">&nbsp;评论&nbsp;15</a>
													</li>
												</ul>
												<a><i class="la la-eye"></i>浏览&nbsp;50</a>
											</div>
										</div><!--微博信息结束 end-->
										<div class="comment-section">
											<div class="plus-ic">
												<i class="la la-plus"></i>
											</div>
											<div class="comment-sec">
												<ul>
													<li>
														<div class="comment-list">
															<div class="bg-img">
																<img alt=""
																	 src="../static/images/resources/bg-img1.png">
															</div>
															<div class="comment">
																<h3>用户名</h3>
																<span><img alt="" src="../static/images/clock.png">2020-08-04 11:26:20</span>
																<p>这是一条评论</p>
																<a class="active" href="#" title=""><i
																		class="fa fa-reply-all"></i>回复</a>
															</div>
														</div><!--评论 end-->
														<ul>
															<li>
																<div class="comment-list">
																	<div class="bg-img">
																		<img alt=""
																			 src="../static/images/resources/bg-img2.png">
																	</div>
																	<div class="comment">
																		<h3>用户名</h3>
																		<span><img alt=""
																				   src="../static/images/clock.png">2020-08-04 11:26:12</span>
																		<p>这是一条回复</p>
																		<a href="#" title=""><i
																				class="fa fa-reply-all"></i>回复</a>
																	</div>
																</div><!--评论 end-->
															</li>
														</ul>
													</li>
													<li>
														<div class="comment-list">
															<div class="bg-img">
																<img alt=""
																	 src="../static/images/resources/bg-img3.png">
															</div>
															<div class="comment">
																<h3>用户名</h3>
																<span><img alt="" src="../static/images/clock.png">2020-08-04 11:26:55</span>
																<p>评论2</p>
																<a href="#" title=""><i
																		class="fa fa-reply-all"></i>回复</a>
															</div>
														</div><!--评论 end-->
													</li>
												</ul>
											</div><!--评论列表 end-->
											<div class="post-comment">
												<div class="cm_img">
													<img alt="" src="../static/images/resources/bg-img4.png">
												</div>
												<div class="comment_box">
													<form>
														<input placeholder="写下你的想法吧" type="text">
														<button type="submit">Send</button>
													</form>
												</div>
											</div><!--评论框 end-->
										</div><!--评论部分 end-->
										<div class="process-comm">
											<a href="#" title="更多"><img alt="" src="../static/images/process-icon.png"></a>
										</div><!--底部翻页 end-->
									</div><!--主信息 end-->
								</div><!--主页中间信息 end-->
							</div>
							<!--右-->
							<div class="col-lg-3 pd-right-none no-pd">
								<div class="right-sidebar">
									<div class="widget widget-about">
										<img src="../static/images/wd-logo.png" alt="">
										<h3>微博</h3>
										<span>与世界分享新鲜事</span>
										<div class="sign_link">
											<h3><a href="#" title="">注 册</a></h3>
											<a href="#" title="">了解更多</a>
										</div>
									</div><!--登录 end-->

									<div class="widget widget-jobs">
										<div class="sd-title">
											<h3>公告</h3>
											<i class="la la-ellipsis-v"></i>
										</div>
										<div class="jobs-list">
											<div class="job-info">
												<div class="job-details">
													<h3>功能抢鲜</h3>
													<p>微博预计8月8日推出新功能：注册</p>
												</div>
												<div class="hr-rate">
													<span class="red">Hot</span>
												</div>
											</div><!--公告信息 end-->
											<div class="job-info">
												<div class="job-details">
													<h3>招聘启事</h3>
													<p>项目进度缓慢，急需工程师！</p>
												</div>
												<div class="hr-rate">
													<span class="red">New</span>
												</div>
											</div><!--公告信息 end-->
										</div><!--公告列表 end-->
									</div><!--公告 end-->
									<div class="widget widget-jobs">
										<div class="sd-title">
											<h3>最近活跃用户</h3>
											<i class="la la-ellipsis-v"></i>
										</div><!--标题 end-->
										<div class="suggestions-list">
											<div class="suggestion-usd">
												<a href="#"><img alt="" src="../static/images/resources/s1.png"></a>
												<div class="sgt-text">
													<a href="#"><h4>用户名</h4></a>
													<span>性别，年龄</span>
												</div>
												<span><a href="#" title="关注"><i class="la la-plus"></i></a></span>
											</div>
											<div class="suggestion-usd">
												<a href="#"><img alt="" src="../static/images/resources/s1.png"></a>
												<div class="sgt-text">
													<a href="#"><h4>用户名</h4></a>
													<span>性别，年龄</span>
												</div>
												<span><a href="#"><i class="la la-plus"></i></a></span>
											</div>
											<div class="suggestion-usd">
												<a href="#"><img alt="" src="../static/images/resources/s1.png"></a>
												<div class="sgt-text">
													<a href="#"><h4>用户名</h4></a>
													<span>性别，年龄</span>
												</div>
												<span><a href="#"><i class="la la-plus"></i></a></span>
											</div>
											<div class="suggestion-usd">
												<a href="#"><img alt="" src="../static/images/resources/s1.png"></a>
												<div class="sgt-text">
													<a href="#"><h4>用户名</h4></a>
													<span>性别，年龄</span>
												</div>
												<span><a href="#"><i class="la la-plus"></i></a></span>
											</div>
											<div class="suggestion-usd">
												<a href="#"><img alt="" src="../static/images/resources/s1.png"></a>
												<div class="sgt-text">
													<a href="#"><h4>用户名</h4></a>
													<span>性别，年龄</span>
												</div>
												<span><a href="#"><i class="la la-plus"></i></a></span>
											</div>
											<div class="suggestion-usd">
												<a href="#"><img alt="" src="../static/images/resources/s1.png"></a>
												<div class="sgt-text">
													<a href="#"><h4>用户名</h4></a>
													<span>性别，年龄</span>
												</div>
												<span><a href="#"><i class="la la-plus"></i></a></span>
											</div>
											<div class="view-more">
												<a href="#" title="">查看更多</a>
											</div>
										</div><!--用户列表 end-->
									</div><!--最近使用微博 end-->
								</div><!--right-sidebar end-->
							</div>
						</div>
					</div><!-- main-section-data end-->
				</div>
			</div>
		</main>

	</div><!--theme-layout end-->



<script type="text/javascript" src="../static/js/jquery.min.js"></script>
<script type="text/javascript" src="../static/js/popper.js"></script>
<script type="text/javascript" src="../static/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../static/js/jquery.mCustomScrollbar.js"></script>
<script type="text/javascript" src="../static/lib/slick/slick.min.js"></script>
<script type="text/javascript" src="../static/js/scrollbar.js"></script>
<script type="text/javascript" src="../static/js/script.js"></script>

</body>
</html>
